/*
* Copyright (c) 2021 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

.container {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: white;
}

.container_one {
    width: 100%;
    height: 250px;
    flex-direction: column;
    display: flex;
}

.switch_item {
    width: 100%;
    height: 50px;
    flex-direction: row;
    align-items: center;
}

.simple_text_left {
    font-size: 18px;
    margin-left: 20px;
}

.setting_switch_mid {
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

.simple_text_left_two {
    font-size: 16px;
    margin-left: 20px;
}

.setting_switch_right_two {
    width: 25%;
    justify-content: flex-end;
    margin-right: 15px;
}

.head-image {
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}


.setting_switch_right {
    width: 25%;
    justify-content: flex-end;
    margin-right: 20px;
}

.switch {
    width: 40px;
}

.div-line {
    width: 100%;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #E3E3E3;
    flex-shrink: 0;
}

.tip_container {
    width: 100%;
    margin-top: 8px;
    flex-direction: column;
    align-items: flex-start;
}

.tip_lbl {
    width: 100%;
    height: 50px;
    align-items: center;
}

.tip_text_left {
    font-size: 14px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.item_content {
    margin-left: 20px;
    margin-right: 20px;
}

.item_text {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.txt {
    color: #000000;
    font-size: 18px;
}

.dialog-main {
    width: 500px;
}

.dialog-div {
    flex-direction: column;
    align-items: center;
}

.inner-txt {
    width: 400px;
    height: 80px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.inner-btn {
    width: 400px;
    height: 100px;
    justify-content: space-around;
    align-items: center;
}

.btn-txt {
    width: 100px;
    font-size: 16px;
}

.input-container {
    flex-direction: row;
    width: 90%;
}
